@charset "UTF-8";
/*统一样式*/
button{
	cursor:pointer;
}

ul{
	word-break:break-all;
}
a{
	color:#3377aa;
}
a:hover{
	color:#fff;
	background-color:#37a;
}
a:active{
	color:#fff;
	background-color:#f93;
}
/*统一样式结束*/
/*通用样式开始*/
.w1349{
	width:1349px;
	margin:0 auto;
}
.w1080{
	width:1080px;
	margin:0 auto;
}
.container{
	width:950px;
	margin:0 auto;
}
.section{
	padding:40px 0 20px;
}
.section:nth-child(even){
	background-color:#f7f7f7;
}
.section .aside_left{
	float:left;
	width:100px;
	margin-right:20px;
}
.section .aside_right{
	float:right;
	width:265px;
	margin-left:30px;
}
.section .main{
	overflow:hidden;
}
.section_title{
	padding-top:5px;
	margin-bottom:12px;
}
.section_title h2{
	display:inline;
	font-size:15px;
	color:#007722;
}
.section_title h2::after{
	content:" · · · · · · ";

}
.section_title .link{
	font-size:12px;
}
.section_title .link::before{
	content:"(";
}
.section_title .link::after{
	content:")";
}
.aside_title{
	font-size:24px;
	margin-bottom:12px;
}
.aside_title a{
	color:#494949;
}
.item_list li{
	display:inline-block;
	vertical-align:top;
}
.item_list li .img{
	width:100%;
}
.left_menu{
	font-size:14px;
}
.left_menu li{
	margin-top:5px;
}
.left_menu li a{
	position:relative;
}
.left_menu li a.new::after{
	content:"";
	position:absolute;
	top:0;
	right:-20px;
	width:17px;
	height:7px;
	background:url('./images/new_menu (1).gif') no-repeat center/cover;
}
.right_menu_list{
	font-size:12px;
}
.order-menu-list{
	font-size:12px;
	list-style-type:decimal;
	list-style-position:inside;
}
.block_button{
	padding:2px 10px;
	border-radius:3px;
}
.aside_right .group{
	margin-bottom:10px;
}
.aside_right .group .title a{
	color:#333;
	font-size:14px;
}
.aside_right .group .title a:hover{
	color:#fff;
}
.aside_right .group .title::after{
	content:"»";
}
/*通用样式结束*/

/*head start*/

.header{}
.header .header_banner{
	background-color:#edf4ec;
	margin-bottom:30px;
	overflow:hidden;
}
.header .header_banner h1{
	display:inline-block;
	width:102px;
	height:20px;
	margin:7px 13px;
}
.header .header_banner a{
	display:block;
	height:0;
	padding-top:20px;
	overflow:hidden;
	background:url(./images/logo.png) no-repeat left top/102px 20px;
}
.header .header_contain{
	margin-bottom:25px;
}
.header .header_contain .contain_logo{
	margin:4px 24px 0 0;
	height:24px;
}
.header .header_contain .contain_logo h1{
	display:inline-block;
	width:73px;
}
.header .header_contain .contain_logo a{
	display:block;
	height:0;
	padding-top:24px;
	overflow:hidden;
	background:url("./images/sitename.png") no-repeat center/cover;
}
.header .header_contain .contain_search{
	position:relative;
	width:270px;
	border:1px solid #c3c3c3;
}
.header .contain_search .search_txt{
	width:240px;
	height:20px;
	vertical-align:center;
	padding:5px;
	font-size:13px;
}
.header .contain_search .search_txt::placeholder{
	color:#c3c3c3;
}
.header .contain_search button{
	position:absolute;
	top:0;
	right:0;
	width:30px;
	height:30px;
	font-size:0;
	color:#c3c3c3;
}
.header .header_contain .contain_menu{
	margin-top:6px;
}
.header .contain_menu a{
	display:block;
	width:40px;
	height:20px;
	margin-right:14px;
	background:url("./images/nav_logo.png") no-repeat left top/463px 20px;
}
.header .contain_menu .menu_read{
	background-position:0px 0px;
}
.header .contain_menu .menu_movie{
	background-position:-60px 0px;
}
.header .contain_menu .menu_music{
	background-position:-120px 0px;
}
.header .contain_menu .menu_city{
	background-position:-300px 0px;
}
.header .contain_menu .menu_group{
	background-position:-180px 0px;
}
.header .contain_menu .menu_reading{
	background:url("./images/read_home_nav.png") no-repeat left top/40px 20px;
}
.header .contain_menu .menu_fm{
	background-position:-240px 0px;
}
.header .contain_menu .menu_time{
	background:url("./images/shijian_home_nav.png") no-repeat left top/40px 20px;
}
.header .contain_menu .menu_doupin{
	width:42px;
	background-position:-420px 0px;
}
/*header end*/

/*banner start*/
.banner{
	height:304px;
	background:url("./images/1771365ca98ig9er706.jpg") no-repeat 30px top/contain #edf4ec;
}
.banner .container{
	position:relative;
}
.banner .container .iframe{
	width:300px;
	height:300px;
}
.banner .container .iframe iframe{
	width:100%;
	height:100%;
}
.banner .container .qrcode{
	position:absolute;
	right:320px;
	top:90px;
}
.banner .container .qrcode h1{
	font-size:25px;
	color:#111;
	line-height:24px;
	margin:7px 0;
	font-weight:normal;
}
.banner .container .qrcode_main{
	width:150px;
	margin-top:25px;
}
.banner .container .qrcode .qrcode_main button{
	background-color:#00b51d;
	color:#fff;
	width:115px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-radius:3px;
	font-size:12px;
}
.banner .container .qrcode_bottom{
	position:relative;
}
.banner .container .qrcode_bottom>.imgWrap{
	width:28px;
	height:28px;
	border:1px solid #48aa0d;
	border-radius:2px;
}
.banner .container .qrcode_bottom .ewmWrap{
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:220px;
	overflow:hidden;
	background-color:#FFF;
}
.banner .container .qrcode_bottom:hover .ewmWrap{
	display:block;
}
.banner .container .qrcode_bottom .ewmWrap .imgWrap{
	margin:20px auto 0;
	width:160px;
	height:160px;
}
.banner .container .qrcode_bottom .ewmWrap span{
	display:block;
	width:160px;
	font-size:13px;
	margin:15px auto 0;
	text-align:center;
	color:#666;
	background-color:#fff;
	line-height:13px;
}

/*banner end*/

/*热点 start*/
.redian_area .aside_right .adv{
	position:relative;
	width:250px;
	margin:10px 0;
}
.redian_area .aside_right .adv .hottip{
	position:absolute;
	right:0;
	bottom:0;
	width:32px;
	height:20px;
	font-size:12px;
	color:#fff;
	text-align:center;
	background-color:#0000004d;
}
.redian_area .aside_right .hot_list{
	line-height:1.5;
	margin:0;
	padding:0;
}
.redian_area .aside_right .hot_list li{
	margin-bottom:10px;
}
.redian_area .aside_right .hot_list .title{
	font-size:14px;
}
.redian_area .aside_right .hot_list .desc{
	font-size:13px;
	color:#aaa;
}
.redian_area .main .fl{
	width:350px;
}
.redian_area .main .fl ul{
	/*text-align:justify;*/
	line-height:1.5;
}
.redian_area .main .fl ul::after{
	content:"";
	width:100%;
	display:inline-block;
}
.redian_area .main .fl li{
	width:170px;
	margin:10px 0 10px 2px;
}
.redian_area .main .fl li .words{
	font-size:12px;
}
.redian_area .main .fl li .words span{
	color:#999;
}
.redian_area .main .fr{
	font-size:12px;
	width:275px;
	line-height:1.62;
}
.redian_area .main .fr li{
	margin-top:12px;
	margin-right:10px;
}
.redian_area .main .fr .author{
	color:#999;
}
.redian_area .main .fr .desc{
	color:#666;
}
/*热点 end*/

/*豆瓣时间 start*/
.time_main li{
	line-height:1.38;
	width:100px;
	font-size:13px;
	color:#333333;
	margin:0 60px 30px 0;
	text-align:center;
}
.time_main li .img{
	position:relative;
}
.time_main li .img::before{
	position:absolute;
	left:0;
	width:80px;
	height:120px;
	padding:10px;
	background:rgba(0,0,0,.3);
	color:#fff;
	text-align:right;
	line-height:230px;
}
.time_main li .words a{
	color:#333;
}
.time_main li .words a:hover{
	color:#fff;
}
.time_main li .words span{
	display:block;
	font-size:12px;
	margin-top:10px;
	color:#999;
	text-align:center;
}
/*豆瓣时间 end*/

/*豆瓣电影 start*/
.right_moviearea{
	margin-bottom:30px;
}
.right_moviearea .right_menu_list li{
	width:4em;
	margin-top:4px;
	height:19px;
	text-align:left;
	overflow:hidden;
}
.right_moviearea .order-menu-list li{
	margin-bottom:8px;
	padding-bottom:5px;
	border-bottom:1px solid #eaeaea;
}
.right_moviearea .order-menu-list li a{
	margin-left:7px;
}
.movie_area .item_list li{
	text-align:center;
	width:100px;
	font-size:12px;
	line-height:1.62;
	margin-right:38px;
	margin-bottom:20px;
}
.movie_area .item_list li:nth-child(4n){
	margin-right:0;
}
.movie_area .item_list li .words{
	margin:10px 0 4px;
	font-size:13px;
}
.movie_area .item_list li .words a{
	display:inline-block;
	max-width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.movie_area .item_list li .words a{
	color:#333333;
}
.movie_area .item_list li .block_button{
	display:inline-block;
	margin-top:4px;
	background-color:#1c8bd0;
}
.movie_area .item_list li .block_button:hover{
	background-color:#047fcb;
}
.movie_area .item_list li .block_button a{
	color:#fff;
}
/*豆瓣电影 end*/

/*豆瓣小组 start*/
.group_area a{
	color:#017a85;
}
.group_area .aside_left .aside_title a{
	color:#007982;
}
.group_area  .aside_right .right_menu_list li{
	margin-right:10px;
}
.group_area .main .item_list ul{
	text-align:justify;
}
.group_area .main .item_list ul::after{
	display:inline-block;
	content:"";
	width:100%;
}
.group_area .main .item_list li{
	width:248px;
	margin-top:30px;
}
.group_area .main .item_list li .img{
	width:48px;
	margin-right:15px;
}
.group_area .main .item_list li .words{
	font-size:13px;
}
.group_area .main .item_list li .words a{
	display:inline-block;
	max-width:185px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.group_area .main .item_list li .words p{
	color:#999;
	font-size:12px;
}
/*豆瓣小组 end*/

/*豆瓣读书 start*/
.book_area a{
	color:#614e3c;
}
.book_area .aside_left .aside_title a{
	color:#4a2f14;
}
.book_area .aside_left .book_adv{
	margin-top:15px;
	font-size:12px;
}
.book_area .aside_left .book_adv .bookicon{
	box-shadow:2px 2px 4px 1px rgba(0,0,0,.2);
}
.book_area .aside_right .group{
	border-bottom:1px solid #eaeaea;
	padding:10px 0;
}
.book_area .aside_right .group .right_menu_list li:first-child a{
	color:#999;
}
.book_area .aside_right .group .right_menu_list li:first-child a::before{
	content:"[";
}
.book_area .aside_right .group .right_menu_list li:first-child a::after{
	content:"]";
}
.book_area .aside_right .group .right_menu_list li{
	margin-left:10px;
	margin-bottom:2px;
}
.book_area .main .item_list li{
	width:100px;
	font-size:12px;
	text-align:center;
	margin-right:40px;
}
.book_area .main .item_list li:last-child{
	margin-right:0;
}
.book_area .main .item_list li .words a{
	display:inline-block;
	font-size:13px;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin:10px 0 4px;
}
.book_area .main .item_list{
	margin-bottom:30px;
}
.book_area .main .item_list li .words span{
	display:inline-block;
	color:#111;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.book_area .main .item_list li .block_button{
	display:inline-block;
	background-color:#999a95;
}
.book_area .main .item_list li .block_button a{
	color:#fff;
}
.book_area .main .item_list li .block_button:hover{
	background-color:#878882;
}
/*豆瓣读书 end*/

/*豆瓣音乐 start*/
.music_area .aside_left .aside_title a{
	color:#f38c00;
}
.music_area .aside_left .aside_title a:hover,
.music_area .aside_left .aside_title a:active{
	color:#fff;
}
.music_area a{
	color:#555d53;
}
.music_area a:hover,.music_area a:active{
	color:#fff;
}
.music_area .aside_left .music_adv:nth-child(2n+1){
	margin-top:40px;
}
.music_area .aside_left .music_adv:nth-child(2n){
	margin-top:15px;
}
.music_area .aside_left .music_adv a{
	font-size:12px;
}
.music_area .aside_right .item_list li{
	width:265px;
	font-size:12px;
	margin-bottom:15px;
}
.music_area .aside_right .item_list li>span{
	display:block;
	color:#111;
	margin-right:10px;
}
.music_area .aside_right .item_list li .img{
	position:relative;
	width:48px;
	height:48px;
	margin-right:10px;
}
.music_area .aside_right .item_list li .img:hover::before{
	display:block;
}
.music_area .aside_right .item_list li .img::before{
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
	line-height:48px;
	color:#fff;
	background-color:rgba(0,0,0,.8);
}
.music_area .aside_right .item_list li .words{
	width:180px;
}
.music_area .aside_right .item_list li .words a{
	display:inline-block;
	overflow:hidden;
	max-width:100%;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.music_area .aside_right .item_list li .words span{
	display:block;
	color:#999;
}
.music_area .aside_right .item_list li .words span:first-child{
	/*使用first-child需要该元素为该组或下级的首位元素*/
	margin-top:4px;
}
.music_area .main .item_list{
	margin-bottom:20px;
}
.music_area .main .item_list li{
	width:130px;
	font-size:12px;
	text-align:center;
}
.music_area .main .item_list li:nth-child(4n){
	margin-right:0;
}
.music_area .main .item_list li .img{
	width:80px;
	height:80px;
	margin:auto;
	margin-bottom:10px;
}
.music_area .main .item_list li .words:nth-child(2n){
	margin-bottom:4px;
}
.music_area .main .item_list li .star{
	margin-bottom:4px;
}
.music_area .main .hot_music li{
	display:inline-block;
	vertical-align:top;
	text-align:center;
	width:130px;
	font-size:13px;
}
.music_area .main .hot_music li .img{
	position:relative;
	width:80px;
	height:102px;
	margin:0 auto;
}
.music_area .main .hot_music li .img:hover::before{
	display:block;
}
.music_area .main .hot_music li .img:before{
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
	line-height:102px;
	color:#fff;
	background-color:rgba(0,0,0,.8);
}
/*豆瓣音乐 end*/

/*豆瓣豆品 start*/
.doupin_area a{
	color:#3377a9;
}
.doupin_area a:hover,.doupin_area a:active{
	color:#fff;
}
.doupin_area .aside_title a{
	color:#1f9432;
}
.doupin_area .aside_title a:hover,
.doupin_area .aside_title a:active{
	color:#fff;
}
.doupin_area .aside_right .adv{
	margin-bottom:10px;
}
.doupin_area .aside_right .adv .img{
	width:265px;
	height:95px;
}
.doupin_area .aside_right .adv p{
	margin-top:5px;
}
.doupin_area .aside_right .doupin_list li{
	width:265px;
	margin-bottom:10px;
}
.doupin_area .aside_right .doupin_list li .title a{
	font-size:14px;
}
.doupin_area .aside_right .doupin_list li .words span{
	font-size:12px;
	color:#6a6a6a;
}
.doupin_area .main .item_list li{
	width:240px;
	margin-right:20px;
}
.doupin_area .main .item_list li:nth-child(2n){
	margin-right:0;
}
.doupin_area .main .item_list li .words{
	margin-top:10px;
	font-size:16px;
}
.doupin_area .main .item_list li .words span{
	color:#e55457;
}
/*豆瓣豆品 end*/
.city_area a{
	color:#664433;
}
.city_area a:hover,.city_area a:active{
	color:#fff;
}
.city_area .aside_left .aside_title a{
	color:#ec5303;
}
.city_area .aside_left .aside_title a:hover,
.city_area .aside_left .aside_title a:active{
	color:#fff;
}
.city_area .aside_right .group .right_menu_list li{
	margin-right:10px;
}
.city_area .main .item_list li{
	width:248px;
	margin:0 25px 25px 0;
}
.city_area .main .item_list li:nth-child(2n){
	margin-right:0;
}
.city_area .main .item_list li .img{
	width:70px;
	height:90px;
}
.city_area .main .item_list li .words{
	margin-left:10px;
	font-size:13px;
}
.city_area .main .item_list li .words .title{
	margin-bottom:4px;
}
.city_area .main .item_list li .words span{
	display:block;
	font-size:12px;
	line-height:1.7;
}
/*豆瓣同城 start*/

/*footer start*/
.footer .container{
	padding:14px 0 30px;
	margin:30px auto 0;
	border-top:1px dashed #dcdcdc;
	color:#999;
	font:12px Helvetica,Arial,sans-serif;
}
.footer_left{
	width:441px;
}
.footer_left img{
	display:inline-block;
	vertical-align:middle;
	width:15px;
}
.footer_left .img1{
	width:109px;
}
.footer_right a{
	display:inline-block;
	margin:0 5px;
}
/*fooer end*/